<template>
  <div class="copyWriting">
    <c-title :hide="false" text="文案分享"></c-title>
    <div class="copyWriting-main">
      <div class="copyWriting-text">
        {{ couponStoreGoods.share_text }}
      </div>
      <div class="copyBtn" v-clipboard:copy="couponStoreGoods.share_text" v-clipboard:success="copyBtn" v-clipboard:error="onError">一键复制</div>
    </div>
    <div class="copyWriting-img flex">
      <div class="copyWriting-box">
        <img :src="thumb" class="image" show-menu-by-longpress="true" />
      </div>
      <div class="copyWriting-box" catchtap="saveImg" v-for="(item, index) in goodsImg" :key="index">
        <img :src="item" class="image" show-menu-by-longpress="true" />
      </div>
    </div>
  </div>
</template>
<script>
import copyWriting_controller from "./copyWriting_controller.js";
export default copyWriting_controller;
</script>
<style lang="scss" scoped>
.copyWriting-main {
  background-color: #fff;
  padding: 1rem 1.0625rem 1.4375rem 1.1875rem;
}

.copyWriting-text {
  color: #101010;
  margin-bottom: 1.75rem;
}

.copyWriting-img {
  padding: 1.25rem 1rem 0 0.875rem;
  flex-wrap: wrap;

  ::after {
    content: "";
    width: 6.5625rem;
    height: 6.5625rem;
  }
}

.copyWriting-box {
  flex: 0 0 33.333%;
}

.copyWriting-box img {
  width: 6.5625rem;
  height: 6.5625rem;
  border-radius: 0.3125rem;
  margin-bottom: 0.9375rem;
}

.copyBtn {
  width: 15.1875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(-85deg, #ff3d04 0%, #ff6a3f 100%);
  color: #fff;
  border-radius: 3.125rem;
}
</style>
